<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css.css">
</head>
<body>
    <!--导航-->
    <head class="head">
        <div class="head-context">
            <ul>
                <li>
                    <div class="img-box"><img style="width: 20px;" src="./images/home.png"></div>
                    
                    <span>首页</span>
                </li>
                <li>
                    时政
                    <img style="width: 25px;" src="./images/more.png">
                </li>
                <li>新闻</li>
                <li>评论</li>
                <li>视频</li>
                <li>财经</li>
                <li>体育</li>
                <li>教育</li>
                <!-- 11*70+150+100+120+207=1347 -->
                <li>熊猫
                    <div class="hot-logo">
                        <img width="100%" src="./images/hot.png" alt="">
                    </div>
                </li>
                <li>直播中国</li>
                <li>4K</li>
                <li class="right-navigate" style="width: 150px;">
                    CCTV.直播
                    <img style="width: 25px;" src="./images/more.png">
                </li>
                <li class="right-navigate" style="width: 100px;">
                    中
                    <img style="width: 25px;" src="./images/more.png">
                </li>
                <li class="right-navigate" style="width: 120px; height: 30px;">
                    <img style="width: 95px;" src="./images/logo.png">
                </li>
                <li class="right-navigate" style="width: 206px;">
                    <div class="right-navigate-img" style="margin-left: 7px;">
                        <img width="60%" src="./images/disable.png">
                    </div>
                    <div class="right-navigate-img">
                        <img width="60%" src="./images/search.png">
                    </div>
                    <div class="right-navigate-img">
                        <img width="60%" src="./images/user.png">
                    </div>
                    <div class="right-navigate-img">
                        <img width="60%" src="./images/bar.png">
                    </div>
                </li>
            </ul>
        </div>
    </head>
    <!--小导航-->
    <hr>
    <div class="small-navibar">
        <div class="small-navibar-context">
            <ul>
                <li>地方</li>
                <li>乡村振兴</li>
                <li>生态环境</li>
                <li>一带一路</li>
                <li>央博</li>
                <li>文化</li>
                <li>旅游美食</li>
                <li>健康</li>
                <li>乐龄</li>
                <li>阅读</li>
                <li>数智</li>
                <li>5G</li>
                <li>产业+</li>
                <li>网展</li>
                <li>央视网选</li>
            </ul>
        </div>
    </div>
    
    <!--主图片-->
    <div class="title-img-box">
        <div class="title-img-box-context">
            <div>
                <img width="100%" src="./images/banner.png" alt="">
            </div>
        </div>
    </div>

    <!--文字内容-->
    <div class="context-box">
        <div class="context-context">
            <div>
            <h2 style="text-align: center;">网站声明</h2>
                <p>央视网（www.cctv.com）和中国网络电视台（www.cntv.cn） （以下统称“本网”）由央视国际网络有限公司主办。</p>
                <p>本网是中央电视台的新媒体业务平台。经中央电视台授权，本网独占性通过信息网络向公众传播中央电视台享有著作权及相关权利的电视频道及其所包含的全部电视节目。</p>
                <p>本网所呈现的所有内容，包括但不限于文字、图像、图片、照片、图表、音频、视频、标志、标识、广告、商标、商号、域名、程序、版面设计、专栏目录与名称、内容分类标准以及为注册用户提供的任何信息，均受到《中华人民共和国著作权法》、《中华人民共和国商标法》、《中华人民共和国专利法》、《中华人民共和国反不正当竞争法》等相关法律法规的保护，为本网或权利人所有。</p>
                <p>任何第三方不得歪曲和算改本网所呈现的内容。未经本网授权，任何第三方不得擅自引用、复制、转载、摘编或以其他任何方式非法使用本网站所呈现的内容。</p>
                <p>任何第三方不得擅自转载本网提供的信息和服务内容，如需转载，必须取得相应权利人的合法授权。经本网授权使用的，不得超越所获授权范围，且在转载时须保留原有信息和服务内容的来源</p>
                <p>任何第三方不得盗用本网名义发布信息，或擅自使用本网名义引用、转载来源不规范或权属不明晰的信息</p>
                <p>凡本网注明“来源：央视网／中国网络电视台”的所有内容，均为本网合法拥有著作权或相关权利的内容，未经本网授权，任何第三方不得转载、链接、摘编或以其他方式使用上述内容。已经本网授权使用的，应在授权范围内使用，并注明“来源：央视网／中国网络电视台”。凡本网未标有“来源：央视网中国网络电视台”的内容，均为转载稿，转载目的在于传递更多信息，并不代表本网赞同其观点或对其真实性负责。任何第三方在以转载、链接、摘编或者下载等方式使用时，必须保留本网注明的“来源”，并自行承担相关法律责任</p>
                <p>对于违反上述规定侵犯本网站知识产权等合法权益的行为，本网将依法追究其法律责任。</p>
                <p>鉴于本网呈现的内容来源广泛、数量较多，如著作权人发现本网转载了其拥有著作权的作品且没有事先与著作权人沟通联络，请主动与本网联系，提供相关证明材料，本网将依法处理。如权利人认为本网呈现的内容侵犯其肖像权、名誉权或其他合法权益的，请主动与本网联系，提供相关投诉材料，本网亦将依法处理。</p>
            </div>
        </div>
    </div>

    <!--页脚导航-->
    <footer class="footer-navibar">
        <div class="footer-navibar-context">
            <ul>
                <li>
                    <h2 style="color: red; height: 35px;">关于我们</h2>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声是</div>
                    </div>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                </li>
                <li>
                    <h2 style="color: red; height: 35px;">关于我们</h2>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                </li>
                <li>
                    <h2 style="color: red; height: 35px;">关于我们</h2>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                    <div class="footer-small-content-box">
                        <div>总台之声</div>
                        <div>总台之声</div>
                    </div>
                </li>
                <li style="width: 350px;">
                    <div style="box-sizing: border-box; padding-left: 70px;"><img  src="./images/red_logo.png" alt=""></div>
                    <div>
                        <p>关于我们</p>
                        <p>关于我们</p>
                        <p>关于我们</p>
                    </div>
                    <div>
                        <p>关于我们</p>
                        <p>关于我们</p>
                        <p>关于我们</p>
                    </div>
                    <div class="hezuo">
                        合作咨询 >
                    </div>
                </li>
            </ul>
        </div>
    </footer>

    <!--法律页脚-->
    <div class="legal-footer">
        <div class="legal-footer-context">
            <div class="legal-footer-left">
                <p>互联网新闻信息服务许可证10120170003网上传播视听节目许可证号0102002新出网证（京）字098号违法和不良信息举报电话：010-88047123</p>
                <p>
                    京ICP证060535号京ICP备06036302号-2京ICP备10003349号
                    <img style="position: relative; top: 7px;" src="./images/police.png">
                    京公网安备11000002000018号京网文20140383-083号</p>
            </div>
            <div class="legal-footer-right">
                <div style="width: 100%; height: 50px;">    
                    <div class="legal-footer-left-word">
                        <p>网络110</p>
                        <p>报警服务</p>
                    </div>
                    <div class="legal-footer-left-img">
                        <img src="./images/police-badge.png">
                        <img src="./images/sheild.png">
                    </div>
                </div>
                <div class="small-word">
                    <p>中央广播电视台</p>
                    <p>央视网</p>
                    <p>版权所有</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>